<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    iframe 
      这个不是HTML5的新标签。可以在一个页面中引入一个子页面（外部地址）
      影响页面的加载性能，页面需要等待iframe中的所有内容加载完成后才能出发load事件
      有些后台比较喜欢使用

    datalist  
      需要配合input使用
      input中有list属性，值为datalist的id。这样两者就会绑定在一起

  -->
  <!-- <iframe src="https://www.baidu.com" width="1000" height="1000" frameborder="0"></iframe> -->

  <!-- <select name="" id="">
    <option value="">1</option>
    <option value="">1</option>
    <option value="">1</option>
    <option value="">1</option>
    <option value="">1</option>
  </select> -->

  <input type="text" list="dl">
  <datalist id="dl">
    <option value="1">
    <option value="2">
    <option value="3">
    <option value="4">
  </datalist>
  
</body>
</html>